<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" /><!--[if lte IE 7]><meta http-equiv="X-UA-Compatible" content="chrome=1"><![endif]--> 

<title>Layout</title>

<link rel="stylesheet" href="reset.css" type="text/css" media="screen" />

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

</head>
<body>


<div id="box">
	
	<ul id="menu">
		<li><a href="#about">About</a></li>
		<li><a href="#friends">Friends</a></li>
		<li><a href="#stuff">Fun Stuff</a></li>
	</ul><!-- e tab menu -->
	
	
	<ul id="boxes">
		
		<li id="about" class="box">
			<h1>About me</h1>
			<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the <a href="#">industry's standard</a> dummy text ever since the 1500s</p>
			<p>It was popularised in the 1960s with the release of Letraset <strong>sheets containing</strong> Lorem Ipsum passages.</p>
			<span></span>
		</li>
		<li id="friends" class="box">
			<h2>My Friends</h2>
			<ul>
				<li><a href="#">WordPress</a></li>
				<li><a href="#">Twitter</a></li>
				<li><a href="#">Facebook</a></li>
				<li><a href="#">FireFox</a></li>
				<li><a href="#">Opera</a></li>
			</ul>
			<span></span>
		</li>
		<li id="stuff" class="box">
			<h3>Fun Stuff</h3>
			<ul>
				<li><a href="#">Mimeo</a></li>
				<li><a href="#">Dribbble</a></li>
				<li><a href="#">GiantBomb</a></li>
				<li><a href="#">Barnes and Noble</a></li>
				<li><a href="#">Wikipedia</a></li>
			</ul>
			<span></span>
		</li>
		
	</ul><!-- e: boxes -->

	
</div><!-- e: global wrapping #box -->

</body>
<!--[if lt IE 7]><script type="text/javascript" src="scripts/unitpngfix.js"></script><![endif]-->
</html>